<!--
  Generated template for the CalendarPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <ion-title>出差</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text">申请信息</span>
    </ion-list-header>
    <ion-item>
      
      <ion-label class="bhq-title"><font color="red">*</font>申请人:</ion-label>
      <ion-label class="bhq-content-right">{{gzccgl.editRow.ccrxm}}</ion-label>
    </ion-item>
    <ion-item>
      <ion-label class="bhq-title">职务:</ion-label>
      <ion-input class="bhq-content-right" [(ngModel)]="gzccgl.editRow.ccrzw"></ion-input>
    </ion-item>
    <ion-item>
        
      <ion-label class="bhq-title"><font color="red">*</font>出发地:</ion-label>
      <ion-input class="bhq-content-right" [(ngModel)]="gzccgl.editRow.cfd" ></ion-input>
    </ion-item>
    <ion-item>
       
      <ion-label class="bhq-title"> <font color="red">*</font>目的地:</ion-label>
      <ion-input class="bhq-content-right" [(ngModel)]="gzccgl.editRow.mdd"></ion-input>
    </ion-item>
    <ion-item>
       
      <ion-label class="bhq-title"> <font color="red">*</font>外出事由:</ion-label>
      <ion-input class="bhq-content-right" [(ngModel)]="gzccgl.editRow.wcsy"></ion-input>
    </ion-item>
    <ion-item>
        
      <ion-label class="bhq-title"><font color="red">*</font>开始时间:</ion-label>
      <ion-datetime class="bhq-content-right" displayFormat="YYYY-MM-DD"
          max="2100-10-31"
         [(ngModel)]="gzccgl.editRow.kssj" cancelText="取消" doneText="确认"></ion-datetime>
  
    </ion-item>
    <ion-item>
      
      <ion-label class="bhq-title">  <font color="red">*</font>结束时间:</ion-label>
      <ion-datetime class="bhq-content-right" 
      max="2100-10-31" displayFormat="YYYY-MM-DD" [(ngModel)]="gzccgl.editRow.jssj" cancelText="取消" doneText="确认"></ion-datetime>
    </ion-item>
    <ion-item>
      
      <ion-label class="bhq-title">  <font color="red">*</font>出行方式:</ion-label>
      <!-- <ion-select class="bhq-content-right" [(ngModel)]="gzccgl.editRow.cxfs" cancelText="取消" okText="确认">
          <div *ngFor="let item of cxfs.datas">
            <ion-option value="{{item.id}}">{{item.display}}</ion-option>
          </div>
      </ion-select> -->
    </ion-item>
    <ion-item>
      <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfsfj"></ion-checkbox>
      <ion-label>飞机</ion-label>
    </ion-item>
    <ion-item>
      <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfshc"></ion-checkbox>
      <ion-label>火车</ion-label>
    </ion-item>
    <ion-item>
      <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfsdwpc"></ion-checkbox>
      <ion-label>单位派车</ion-label>
    </ion-item>
    <ion-item>
      <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfsqc"></ion-checkbox>
      <ion-label>汽车</ion-label>
    </ion-item>
    <ion-item>
      <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfszdc"></ion-checkbox>
      <ion-label>自带车</ion-label>
    </ion-item>
    <ion-item>
      <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfsqt"></ion-checkbox>
      <ion-label>其他</ion-label>
    </ion-item>
    <ion-item>
      <ion-label class="bhq-title">申请日期:</ion-label>
      <ion-datetime class="bhq-content-right" displayFormat="YYYY-MM-DD" [(ngModel)]="gzccgl.editRow.sqrq" cancelText="取消" doneText="确认"></ion-datetime>
    </ion-item>
  </ion-list>

  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text">同行出差人</span>
      <span style="float: right;padding-right: 1rem;" (click)="addUser();"> 
       <!--<ion-icon name="ios-arrow-forward-outline"></ion-icon>--> 
       <ion-icon name="md-contacts"></ion-icon>
      </span>
    </ion-list-header>
    <ion-item *ngFor="let item of gzccgl.editRow.ccsxry">
      <ion-label class="bhq-content">{{item.jsrmc}}({{item.jsrjgmc}})</ion-label>
    </ion-item>
  </ion-list>
</ion-content>
<ion-footer>
  <button class="submit-btn" (click)="userFormValidate() && gzccgl.getNextTask(null,null);">提交</button>
</ion-footer>